<template>
  <div class="container">
    <h2 class="homeTitle">
      酒品总览<span><router-link to="wine">酒品管理</router-link></span>
    </h2>
    <div class="orderviewBox">
      <ul>
        <li>
          <span class="status"><i class="openIcon"></i>已启售</span>
          <span class="num">{{ winesData.sold }}</span>
        </li>
        <li>
          <span class="status"><i class="stopIcon"></i>已停售</span>
          <span class="num">{{ winesData.discontinued }}</span>
        </li>
        <li class="add">
          <router-link to="/wine/add">
            <i></i>
            <p>新增酒品</p>
          </router-link>
        </li>
      </ul>
    </div>
  </div>
</template>

<script>
export default {

  name: 'wineStatistics',
  props: {
    winesData: {
      type: Object,
      required: true,
    },
  },
}
</script>
